@charset "utf-8";
@import "./_reset";

@function r($px){
	@return $px / 50 * 1rem
}

//中部内容
.section_content{
	position: fixed;
	left: 0;
	right: 0;
	top: r(89);
	bottom: r(96);
	overflow: auto;
	//轮播图
	.art_img{
		width: 100%;
		height: r(357);
		position: relative;
		margin-bottom: r(20);
		img{
			width: 100%;
			height: 100%;
		}
		.img_hid{
			width: 100%;
			height: r(104);
			background-color: rgba(0,0,0,0.5);
			position: absolute;
			bottom: 0;
			right: 0;
			color: white;
			h1{
				color: white;
				font-size: r(26);
				height: r(30);
				width: 100%;
				margin-top: r(20);
				margin-left:r(20) ;
				span{
					background-color: #b20000;
				}
			}
			
		}
	}
	.art_list{
		width: r(582);
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		.list_box{
			width: r(281);
			height: r(343);
			margin-bottom: r(30);
			.list_img{
				width: r(281);
				height: r(182);
				img{
					width: 100%;
					height: 100%;
				}
			}
			h1{
				margin: r(17) 0;
				font-size: r(22);
				text-align: justify;
			}
			.visit{
				display: flex;
				justify-content: space-between;
				padding: 0 r(10);
				color: #c5c5c5;
				p{
					span,i{
					vertical-align: middle;
					}
					span{
						margin: 0 r(5);
					}
				}
				.market{
					width: r(88);
					height: r(27);
					color: white;
					background-color: #b20000;
					border-radius: r(5);
					text-align: center;
					font-size: r(12);
				}
				
			}
			.date{
				color: #c5c5c5;
				font-size: r(9);
				margin-top: r(10);
				i,span{
					font-size: r(8);
				}
			}
		}
	}
	.load{
		color: #c5c5c5;
		font-size: r(22);
		height: r(74);
		width: r(582);
		border-top: 1px solid #c5c5c5;
		margin: 0 auto;
		text-align: center;
		line-height: r(74);
	}
}